
//文档加载事件
$(function () {
    //调用轮播函数,实现banner区域
    slider(".top-slider", 400, 1000, 400, 20, 4, 0);
    slider(".sole-slider", 520, 1200, 520, 20, 4, 0);
    /* 
       selector:选择器
       boxh:盒子的高度
       imgw:图片的宽度
       imgh:图片的高度
       controlsW:控制按钮宽度
       controlsH: 控制按钮高度
       radius:控制按钮圆角度数
    */
    function slider(selector, boxh, imgw, imgh, controlsW, controlsH, radius) {
        // console.log(selector);
        // console.log(boxh);
        // console.log(imgw);
        // console.log(imgh);
        // console.log(controlsW);
        // console.log(controlsH);
        // console.log(radius);
        $(selector).slidebox(
            {
                boxh: boxh || 420,//盒子的高度
                w: imgw || 1000,//图片的宽度
                h: imgh || 420,//图片的高度
                isShow: true,//是否显示控制器
                isShowBtn: true,//是否显示左右按钮
                controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                controlsW: controlsW || 20,//控制按钮宽度
                controlsH: controlsH || 10,//控制按钮高度
                radius: radius || 0//控制按钮圆角度数
            }
        );
    }
    /* 服务区域选项卡效果 */
    $(".common-top .common-titleli").mouseenter(function () {

        $(this).addClass('active').siblings().removeClass('active')
        let index = $(this).index()
        $(this).closest('.common-top').siblings('.content').find('.content-hiddan').eq(index).addClass('content-on').siblings().removeClass('content-on')

    })
    // guess
    let $flag =true;
    $('.common-top .common-titleli2').click(function(){
        if($flag){
            $('.guess2').addClass('reon').siblings().removeClass('reon')
            // console.log(1);
        }else{
            $('.guess1').addClass('reon').siblings().removeClass('reon')
            // console.log(2);
        }
        $flag = !$flag
    })
    /* reco-goods 推荐选项卡 */
    $('.common-top .reg-titleli').mouseenter(function(){
        $(this).addClass('active').siblings().removeClass('active')
        let index = $(this).index()
        $('.reco-goods .re-content').eq(index).addClass('reon').siblings().removeClass('reon')
    })

    //新书畅销榜-手风琴效果
    //需求: 鼠标移入li, 显示当前li下面到div  隐藏当前li下面的h4
    $('.book-right li').mouseenter(function () {

        //隐藏其他li下面到div
        $('.book-right li div').hide();

        // 显示当前li下面到div
        $('div', this).show()

        //先显示其他li下面到h4
        $('.book-right li h4').show()

        //隐藏当前li下面的h4
        $('h4', this).hide();

    })
    // 广告右边手风琴
    $('.smenu .sli').mouseenter(function(){
        $(this).addClass('show').siblings().removeClass('show')
    })
    // sole 选项卡
    $('.sole .common-top .common-titleli').mouseenter(function(){
        $(this).addClass('active').siblings().removeClass('active')
        let index = $(this).index()
        $(this).closest('.sole').find('.sole-count').eq(index).addClass('on').siblings().removeClass('on')
    })

    
    

})